<template>
  <div class="swiper-container" :class="itlingclass">
    <div class="swiper-wrapper">
        <slot></slot>
    </div>
        <div class="swiper-pagination"></div>
  </div>
</template>

<script>
import Swiper from 'swiper'
import 'swiper/css/swiper.css'
export default {
  props: ['itlingdata', 'itlingclass'],
  updated () {
    new Swiper('.' + (this.itlingclass ? this.itlingclass : 'swiper-container'), this.itlingdata)
  }
}
</script>
